a {
    text-decoration: none;
}

@1rem: 20px;
@gray: #8b8b8b;
@white: #fff;
@default-trans: all .3s;
@max768: ~"(max-width: 768px)";
@min768: ~"(min-width: 768px)";
@max992: ~"(max-width: 992px)";
@min992: ~"(min-width: 992px)"; 
@max1200: ~"(max-width: 1200px)"; 
@base-edge: .75 * @1rem;

.white{
    color: #fff!important;
}

.gray {
    color: #999!important;
}

.bd(@color:#000; @width:1px) {
    border: @width solid @color
}

.bd-top(@color; @width:1px) {
    border-top: @width solid @color
}

.bd-bottom(@color; @width:1px) {
    border-bottom: @width solid @color
}

.bd-left(@color; @width:1px) {
    border-left: @width solid @color
}

.ft(@size) {
    font-size: @size/16rem;
}
.no-border {
    border: 0;
}

.ft12 {
    font-size: 0.6 * @1rem;
}
.ft14 {
    font-size: 0.7 * @1rem;
}
.ft16 {
    font-size: 0.8 * @1rem;
}

.none {
    display: none;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.t-l {
    text-align: left!important;
}

.t-c {
    text-align: center!important;
}

.w-50 {
    width: 50%;
}

.fnone {
    float: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.bold {
    font-weight: 600;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vertical-middle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}